@font-face{font-family:iconfont;src:url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot);src:url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.eot?#iefix) format('embedded-opentype'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.woff) format('woff'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.ttf) format('truetype'),url(http://at.alicdn.com/t/font_403341_n8tj33yn5peng66r.svg#iconfont) format('svg')}

*{
    margin:0px;
    padding:0px;
}
li{
    list-style:none;
}
a{
    text-decoration:none;
    color:#999;
}
img{
    vertical-align:middle;
}
body{
    background:#ccc;
}
.fl{
    float:left;
}
.clearfix:after{
    display:table;
    content:"";
    clear:both;
}
.box{
    height:160px;
    margin:0 auto;
    background:white;
    box-sizing:border-box;
    padding:10px;
    margin-top:20px;
    padding-bottom:20px;
}
h3{
    margin-bottom:10px;
}
 h3 img{
    height:24px;
    padding:10px;
    padding-left:24px;
     float:left;
}
 h3 p{
    height:40px;
    line-height:45px;
    font-size:12px;
    font-weight:400;
    color:#999;
}
li{
    float:left;
    width:225px;
    box-sizing:border-box;
}

li .pic img{
    border:1px solid #0DFFA4;
    border-radius:50%;
    width:66px;
    height:66px;
    padding:10px;
    margin-right:15px;
}
 li .txt{
    padding-top:8px;

}
li .txt h4{
    font-weight:400;
    color:#666;
}
 li .txt p:first-of-type{
    font-size:14px;
    margin:10px auto;
}
 li .txt p:last-of-type{
    font-size:12px;
}
li:hover .pic img{
    border-color:orange;
}
li:hover .txt h4{
    color:orange;
}